<div id="preview">
  <div id="preview-header">
    <div class="section clearfix">
      <a href="/" title="Home" rel="home" id="preview-logo" name="logo"><img src="../../../themes/bartik/logo.png" alt="Home" /></a>
      <div id="preview-name-and-slogan">
        <div id="preview-site-name">
          <strong><a href="#" title="Home" rel="home"><span>Bartik</span></a></strong>
        </div>
      </div><!-- /#name-and-slogan -->
    </div>
  </div><!-- /.section, /#header -->
  <div id="preview-main-wrapper">
    <div id="preview-main" class="clearfix">
      <div id="preview-sidebar-first" class="column sidebar">
        <div class="section">
          <div class="region region-sidebar-first">
            <div id="preview-block-user-login" class="block block-user first last even">
              <h2>
                Etiam est risus
              </h2>
              <div class="content">
                <p>
                  Maecenas id porttitor felis. Pellentesque mollis urna in nibh pharetra semper. Nulla erat odio, imperdiet quis cursus vitae, ultricies
                  at diam.
                </p>
              </div>
            </div>
          </div>
        </div>
      </div><!-- /.section, /#sidebar-first -->
      <div id="preview-content" class="column">
        <div class="section">
          <a id="preview-main-content" name="main-content"></a>
          <h1 class="title" id="preview-page-title">
            Lorem ipsum dolor
          </h1>
          <div class="region region-content">
            <div id="preview-block-system-main" class="block block-system first last even">
              <div class="content">
                <div id="preview-node-1" class="node node-page clearfix" about="/node/1" typeof="foaf:Document">
                  <div class="content clearfix">
                    <div class="field field-name-body field-type-text-with-summary field-label-hidden clearfix">
                      <div class="field-items">
                        <div class="field-item even" property="content:encoded">
                          <p>
                            Sit amet, <a href="#">consectetur adipisicing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
                            veniam, quis nostrud <a href="#">exercitation ullamco</a> laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
                            in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,
                            sunt in culpa qui officia deserunt mollit anim id est laborum.
                          </p>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div><!-- /.section, /#content -->
    </div>
  </div><!-- /#main, /#main-wrapper -->

  <div id="footer-wrapper"><div class="section">
      <div id="footer-columns" class="clearfix">
          <div id="footer-firstcolumn" class="region sitemap"><div class="section">
            <ul>
              <li><a>Donec placerat</a></li>
              <li><a>Nullam nibh dolor</a></li>
              <li><a>Blandit sed</a></li>
              <li><a>Fermentum id</a></li>
            </ul>
          </div></div> <!-- /.section, /#footer-firstcolumn -->
          <div id="footer-secondcolumn" class="region sitemap"><div class="section">
            <ul>
              <li><a>Imperdiet sit amet</a></li>
              <li><a>Nam mollis</a></li>
              <li><a>Ultrices justo</a></li>
              <li><a>Sed tempor</a></li>
              </ul>
            <ul>
          </div></div> <!-- /.section, /#footer-secondcolumn -->
          <div id="footer-thirdcolumn" class="region sitemap"><div class="section">
           <ul>
              <li><a>Sit amet</a></li>
              <li><a>Gravida eget</a></li>
              <li><a>Porta at</a></li>
              <li><a>Nam non</a></li>
            </ul>
          </div></div> <!-- /.section, /#footer-thirdcolumn -->
          <div id="footer-fourthcolumn" class="region sitemap"><div class="section">
            <ul>
              <li><a>Sed vitae</a></li>
              <li><a>Tellus</a></li>
              <li><a>Etiam sem</a></li>
              <li><a>Arcu eleifend</a></li>
            </ul>
          </div></div> <!-- /.section, /#footer-fourthcolumn -->
      </div><!-- /#footer-columns -->
      <div id="footer" class="clearfix">
        Aliquam aliquet, est <a>a ullamcorper</a> condimentum.
    </div><!-- /#footer -->
  </div></div> <!-- /.section, /#footer-wrapper -->

</div><!-- /#preview -->
